<template>
  <div class="box"></div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  width: 200px;
  height: 200px;
  margin: 20px;
  background: red;
  transition: all 1s;
}
.box:hover {
  background: blue;
  width: 400px;
  /* transform: rotate(60deg); */
  /* transform: scale(2, 3); */
  transform: scale(2, 3) translate(-100px, 50px);
}
</style>